export default () => {
  return <>
    <div className="max-w-sm rounded overflow-hidden shadow-lg bg-white">
      <img className="w-16 h-16" src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" alt="Card Image" />      <div className="px-6 py-4">
        <div className="font-bold text-xl mb-2">
          Vite Qiankun 子应用
        </div>
        <p className="text-gray-700 text-base">
          This is a simple card example created using Tailwind CSS
        </p>
      </div>
      <div className="px-6 pt-4 pb-2">
        <span className="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2">#tag1</span>
        <span className="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2">#tag2</span>
      </div>
    </div>
  </>
}